<template>
    <a class="btmparamy" href="javascript:;" @click="clickfn">{{text}}</a>
</template>

<script>
    export default {
        name: 'Button',
        props: {
            text: {
                type: String,
                default: '默认名字'
            },
            clickfn: {
                type: Function
            }
        },

    }
</script>

<style scoped lang="less" rel="stylesheet/less">
    @import "../router/app.less";

    .btmparamy {
        background: @color22;
        color: #fff;
        font-size: @fz36;
        text-align: center;
        line-height: 80px;
        height: 80px;
        width: 100%;
        display: block;
    }

</style>
